<%-- 
    Document   : index
    Created on : 11/03/2011, 03:22:15 PM
    Author     : root
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html"%>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<f:view>
    <html >
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
            <title>cargador de Pacientes</title>
            <link type="text/css" href="../common/css/redmond/jquery-ui-1.8.23.custom.css" rel="stylesheet" />
            <link type="text/css" href="../common/css/administrar.css" rel="stylesheet" />
            <link type="text/css" href="../common/css/ui.panel.css" rel="stylesheet" />
            <link type="text/css" href="../common/css/global.css" rel="stylesheet" />


            <script type="text/javascript" src="../common/js/jquery-1.8.0.min.js"></script>
            <script type="text/javascript" src="../common/js/jquery-ui-1.8.23.custom.min.js"></script>


            <!--<script src="../js/jquery-1.4.4.min.js" type="text/javascript"></script>
            <script src="../js/jquery-ui-1.8.10.custom.min.js" type="text/javascript"></script>-->
            <!--<script src="../js/ui.panel.min.js" type="text/javascript"></script>-->
            <script type="text/javascript" src="../common/js/ui.panel.js"></script>

            <!--<script src="../js/ticket.js" type="text/javascript"></script>-->
            <!--<link type="text/css" href="../css/south-street/jquery-ui-1.8.10.custom.css" rel="stylesheet" />
            <link type="text/css" href="../css/ui.panel.css" rel="stylesheet" />-->


            <style type="text/css" title="currentStyle">
                @import "../common/css/jquery.fileupload-ui.css";
            </style>

            <script>

                /*
                function createUploader(){
                    var uploader = new qq.FileUploader({
                        element: document.getElementById('demo'),
                        listElement: document.getElementById('separate-list'),
                        action: '/ValidadorWeb/CargaPlanosServlet'
                    });
                }

                            $(document).ready(function(){
                                createUploader();
                            })
                 */
                //window.onload = createUploader;
            </script>    

        </head>
        <body>

            <!--
                        <div id="demo"></div>
                    <ul id="separate-list"></ul>
            -->

            <br />
            <br />
            <br />
            <br />
            <center>
                <iframe id="uploadFrame" name="uploadFrame" height="0" width="0" frameborder="0" scrolling="yes"></iframe>

                <form id="file_upload" action="/salus/CargaPlanosServlet" method="POST" enctype="multipart/form-data">
                    <input type="file" name="file" multiple>

                    <button class="botonesContrato">Upload</button>
                    <div>Cargar Planos</div>

                    <!--
                    <input type="text" value="<%=request.getParameter("tipo")%>" id="idusuario" name="idusuario" />
                    -->

                    <input type="hidden" value="<%=request.getParameter("tipo")%>" name="usuario"/>

                </form>
                <table id="files"></table>
            </center>


            <script src="../common/js/jquery.fileupload.js" type="text/javascript"></script>
            <script src="../common/js/jquery.fileupload-ui.js" type="text/javascript"></script>
            <script>
                /*global $ */
                $(function () {
                    $('#file_upload').fileUploadUI({
                        uploadTable: $('#files'),
                        downloadTable: $('#files'),
                        buildUploadRow: function (files, index) {
                            return $('<tr><td>' + files[index].name + '<\/td>' +
                                '<td class="file_upload_progress"><div><\/div><\/td>' +
                                '<td class="file_upload_cancel">' +
                                '<button class="ui-state-default ui-corner-all" title="Cancel">' +
                                '<span class="ui-icon ui-icon-cancel">Cancel<\/span>' +
                                '<\/button><\/td><\/tr>');
                        },
                        buildDownloadRow: function (file) {
                            return $('<tr><td>' + file.name + '<\/td><\/tr>');
                        }
                    });
                });
            </script>


        </body>
    </html>



</f:view>
